<template>
  <div class="list">
    <div class="b1">
      <img
        src="https://p0.pipi.cn/mmdb/fb73868df2a338281eecd81ad6824c73eda8d.jpg?imageMogr2/thumbnail/2500x2500%3E"
      /><span>满江红</span>
    </div>
    <div class="b1">
      <img
        src="https://p0.pipi.cn/mmdb/fb73868d8ea9239ab42c95c49b0f104b01908.jpg?imageMogr2/thumbnail/2500x2500%3E"
      /><span>中国乒乓</span>
    </div>
    <div class="b1">
      <img
        src="https://p0.pipi.cn/mmdb/fb73868d9ab923338f300ba4e3ad51eb64f40.jpg?imageMogr2/thumbnail/2500x2500%3E"
      /><span>流浪地球2</span>
    </div>
    <div class="b1">
      <img
        src="https://p0.pipi.cn/mmdb/fb73868d9abf2a17898077a200b110bcf808b.jpg?imageMogr2/thumbnail/2500x2500%3E"
      /><span>熊出没</span>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.list {
  width: 100%;
  height: 170px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.tp {
  width: 100%;
  height: 20px;
}
.b1 {
  width: 25%;
  height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.b1 img {
  width: 90px;
  height: 110px;
}
.b1 span {
  font-size: 15px;
  color: grey;
}
</style>